<div class="header-main">
  <div 
    class="modelArts-header-container" 
    (click)="click('')">
    <div class="logo">
    </div>
    <div class="logo-text">
      {{ consoleName }}
    </div>
  </div>
  <div class="container-pos" style="left:42%;">
    <ul class="tabs">
      <li>
        <a
          #firstPage
          id="firstPage"
          class="nav-link"
          href=" javascript:void(0);"
          [ngClass]="{'tab-active': active===''}"
          oncontext="return false"
          (click)="click('')">
          {{ 'firstPage' | translate }}
        </a>
      </li>
      <li>
        <a
          #exampleDisplay
          id="exampleDisplay"
          class="nav-link"
          href=" javascript:void(0);"
          [ngClass]="{'tab-active': active==='solution'}"
          oncontext="return false"
          (click)="click('solution')">
          {{ 'exampleDisplay' | translate }}
        </a>
      </li>
      <li>
        <a
          class="nav-link"
          href=" javascript:void(0); "
          [ngClass]="{'tab-active': active==='main'}"
          oncontext="return false"
          (click)="click('main')">
          {{ 'editor' | translate }}
        </a>
      </li>
      <li>
        <a
          class="nav-link"
          href=" javascript:void(0);"
          [ngClass]="{'tab-active': active==='management'}"
          oncontext="return false"
          (click)="click('management')">
          {{ 'taskLists' | translate }}
        </a>
      </li>
    </ul>
  </div>
  <div 
    class="container-pos" 
    style="right:0;">
    <div 
      class="links-first" 
      style="display: inline-block;">
      <a href="https://modelbox-ai.com/modelbox-book/" target="_blank">
        <span>
          <i class="icon icon-help"></i>
          {{ helpText }}
        </span>
      </a>
    </div>
    <div class="links-first" style="display: inline-block;">
      <a href="/api" target="_blank">
        <span>
          <i class="icon icon-connect"></i>
          API
        </span>
      </a>
    </div>
  </div>
</div>
